<template>
<div class="main-adv">
      <div class="part thumb">
        <div class="top-img" :style="{height:imgHeight}" >
            <img v-lazy="publicUrl(`/images/Special164.jpg`)" />
        </div>
        <div class="bottom">
             <div class="bottom-first">
                <div class="bottom-first-left overOne">￥59.90</div>
                <div class="bottom-first-right overOne">300+人付款</div>
             </div>
             <div class="bottom-second overOne">
                男衬衫长袖固化款定制款款号
             </div>
             <div class="bottom-third overOne">
                JB23565653513 
             </div>
             <div class="bottom-four">
                  <div class="bottom-four-left overOne">
                  <div class="store-icon"><img v-lazy="publicUrl(`/images/store-icon.png`)" /></div>
                  <div class="text overOne" >云裁定制服装有限公司</div>
                  </div>
                  <div class="bottom-four-right overOne">广州增城</div>
             </div>
        </div>
      </div>
</div>
</template>
<script setup lang="ts" name="">
import { ref } from "vue"
import { publicUrl } from "@/utils/util";
interface Porps{
   imgHeight?:string;
}
withDefaults(defineProps<Porps>(),{
   imgHeight:'1.5552rem',
});
</script>
<style scoped lang="scss">
@media screen and (min-width: $pc-min-width) {
  @import "./pc.scss";
}
</style>